Introduction to mockups Mockup 介紹

當前進度回顧：你已經完成了狗狗遛彎 app 的低保真原型，並基於可用性測試反饋進行了更新。到目前為止，設計主要集中在功能與使用者流程上。

接下來的重點：高保真設計（Hi-Fi）

保真度（Fidelity）：表示設計與最終產品外觀與體驗的相似度。

低保真（Lo-fi）：簡單、快速、方便探索創意，適合初期階段。

高保真（Hi-fi）：接近最終產品的外觀，用於獲取更具體的使用者反饋。

Mockup 是什麼？

一種靜態的高保真設計圖，表現最終產品的視覺樣貌。

不可互動，但視覺細節豐富，包含：

Mockup 示例

Pocket：一個虛構的社交媒體與搜尋引擎 app，由一名谷歌設計師在初級階段製作。

Lucere：虛構的外賣沙拉與三明治店，mockup中運用了漸變色、地圖、圖示和不同文字樣式。

設計 mockup 時的關鍵提示

視覺要素：字型（Typography）、顏色、圖示（Iconography）等。

內容替換：不再使用佔位符，應填入真實文字與圖片。

不拘泥於線框圖佈局：可以重新安排圖片、文字的位置。

佈局設計：